

.s-filter{
	padding:20px 52px 5px 18px;
	background-color:#fff;
	font-size:12px;
	line-height:12px;
	border-radius:4px;
	margin-left:10px;
	margin-top: 30px;
}
.s-filter-item{
	line-height:26px;
	height:26px;
	margin-bottom:10px;
	position:relative;
	overflow:hidden;
	padding-left:46px;
	padding-right:43px;
}
.type{
color:#666;
font-weight:700;
line-height:inherit;
position:absolute;
left:0;
top:0;
margin-bottom:10px;
margin-left: 140px; 
}
.on{
	padding:3px 12px;
	background:#EBF7F5;
	border-radius:4px;
	color:#1DB69A;
	font-weight:700;
	position:relative;
	float :left;
	margin-left: 120px; 
}
.z{
	color:#666;
	border-radius:4px;

	font-weight:700;
	float:left;
	position:relative;
	padding:3px 12px;
	cursor:pointer;
}
.recommand{
    position: relative;
    width: 80%;
    height: 980px;
    text-align: center;
    background:-webkit-linear-gradient(#e83e8c,#eabebf,#eabebf,#e83e8c);
    border: 1px solid honeydew;
    margin-top: 2%;
	margin-bottom: 2%;
    margin-left: 10%;
    z-index: 5;
    font-size: 100%;
    border-shadow:0 10px 15px rgba(0,0,0,0.4) ;
}
.vid{
	width: 100%;
    position: relative;
    margin-top: 5%;
    z-index:10;
}
.vid>ul>li {
    list-style: none;
    display: inline;
}
.h{
	/*width:300px;*/
	width: 100%;
	height: 100%;
	/*height:200px;*/
	margin-right: 10px;
	margin-bottom: 10px;
}
.h:hover{
    transform: scale(1.2);
}
.wrap img{
    transform: scale(1);
}
